<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>一小群</title>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=1200,maximum-scale=0.5">
    <link href="../src/img/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
    <link rel="stylesheet" href="../node_modules/swiper/dist/css/swiper.css">
    <link rel="stylesheet" href="../src/css/font-some.css">
    <link rel="stylesheet" href="../src/css/app.less">
    <link rel="stylesheet" href="../src/css/index.less">
</head>
<body style="display: none;">
    <nav>
        <div class="content">
            <div class="logo" data-togo=".header">
                <i class="icon-yxq"></i>
                一小群
            </div>
            <ul class="list">
                <li><a data-togo=".introduct">功能介绍</a></li>
                <li><a data-togo=".service">服务优势</a></li>
                <li><a data-togo=".scenes">应用场景</a></li>
                <li><a data-togo="footer">联系我们</a></li>
                <li class="blue"><a target="_blank" href="http://console.kcis.cn/m/Yxq/index">管理中心</a></li>
            </ul>
        </div>
    </nav>

    <div class="swiper-container header">
        <div class="swiper-wrapper">
            <div class="swiper-slide slide-1">
                <dl class="dl content">
                    <dt>全方位社群营销活动解决方案</dt>
                    <dd>全方位活动工具支持。社群运营，随时建群；链接用户，精准管理</dd>
                    <dd><a class="yxq-code-open">立即体验</a></dd>

                </dl>
            </div>
            <div class="swiper-slide slide-2">
                <dl class="dl content">
                    <dt>社群交流圈，运营工具包</dt>
                    <dd>多种运营工具，打造私密在线交流圈，随时互动，追踪反馈。</dd>
                    <dd><a class="yxq-code-open">立即体验</a></dd>
                </dl>
            </div>
            <div class="swiper-slide slide-3">
                <dl class="dl content">
                    <dt>用户运营，精准到达</dt>
                    <dd>一小群自有用户画像库，精准推送到达目标用户。</dd>
                    <dd><a class="yxq-code-open">立即体验</a></dd>
                </dl>
            </div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="header-page">
            <div class="circleProcess-box">
                <svg class="circleProcess over" xmlns="http://www.w3.org/2000/svg">
                    <circle  cx="50%" cy="50%" r="40%" stroke="rgba(255,255,255,0.5)" stroke-dashoffset="0" stroke-width="12%"></circle>
                    <circle id="circle" cx="50%" cy="50%" r="40%" stroke-width="12%"></circle>
                </svg>
                <svg class="circleProcess" xmlns="http://www.w3.org/2000/svg">
                    <circle  cx="50%" cy="50%" r="40%" stroke="rgba(255,255,255,0.5)" stroke-dashoffset="0" stroke-width="12%"></circle>
                    <circle id="circle" cx="50%" cy="50%" r="40%" stroke-width="12%"></circle>
                </svg>
                <svg class="circleProcess" xmlns="http://www.w3.org/2000/svg">
                    <circle  cx="50%" cy="50%" r="40%" stroke="rgba(255,255,255,0.5)" stroke-dashoffset="0" stroke-width="12%"></circle>
                    <circle id="circle" cx="50%" cy="50%" r="40%" stroke-width="12%"></circle>
                </svg>
            </div>
        </div>
    </div>

    <!--功能介绍-->
    <div class="introduct">
        <h2>功能介绍</h2>
        <h3>社群运营，随时建群；链接用户，精准管理。</h3>
        <div class="content">
            <div class="li">
                <i class="icon">前</i>
                <div class="tit">活动前</div>
                <div class="img">
                    <img src="/src/img/index/icon-1.png" alt="">
                </div>
                <div class="name">预热宣传</div>
                <div class="dd">活动速建，定向推广，实时监控</div>
            </div>
            <div class="li">
                <i class="icon">中</i>
                <div class="tit">活动中</div>
                <div class="img">
                    <img src="/src/img/index/icon-2.png" alt="">
                </div>
                <div class="name">体验、互动</div>
                <div class="dd">智能签到，互动提醒，多种工具助运营</div>
            </div>
            <div class="li">
                <i class="icon">后</i>
                <div class="tit">活动后</div>
                <div class="img">
                    <img src="/src/img/index/icon-3.png" alt="">
                </div>
                <div class="name">数据反馈</div>
                <div class="dd">精准用户数据，多维用户分析</div>
            </div>
            <div class="bg-icon">
                <img src="/src/img/index/bg-icon-1.png" alt="">
            </div>
        </div>
    </div>

    <!--服务优势-->
    <div class="service">
        <h2>服务优势</h2>
        <h3>社群运营，随时建群；链接用户，精准管理。</h3>
        <div class="img"></div>
        <div class="icon icon-1"></div>
        <div class="icon icon-2"></div>
        <div class="icon icon-3"></div>
    </div>

    <div class="module-1">
        <div class="tit">全方位活动工具支持。社群运营，随时建群；链接用户，精准管理</div>
        <a class="btn yxq-code-open">立即体验</a>
    </div>

    <!--应用场景-->
    <div class="scenes">
        <h2>应用场景</h2>
        <div class="content">
            <div class="title">
                <span >电商类</span>
                <span class="cur">活动类</span>
                <span>会议类</span>
            </div>
            <div class="contbox">
                <div class="contbox-li">
                    <img src="/src/img/index/scenes-img-1.jpg" alt="">
                </div>
                <div class="contbox-li">
                    <div class="swiper-container active">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="/src/img/index/scenes-img-2-1.jpg" alt="">
                            </div>
                            <div class="swiper-slide">
                                <img src="/src/img/index/scenes-img-2-2.jpg" alt="">
                            </div>
                        </div>
                        <!-- 如果需要分页器 -->
                        <div class="swiper-pagination active-page"></div>
                    </div>
                </div>
                <div class="contbox-li">
                    <img src="/src/img/index/scenes-img-3.jpg" alt="">
                </div>
            </div>
        </div>
    </div>

    <footer>
        <div class="content">
            <dl class="about">
                <dt>关于</dt>
                <dd>关于我们</dd>
                <dd>智媒视听</dd>
                <dd>产品帮助</dd>
            </dl>
            <dl class="address">
                <dt>联系我们</dt>
                <dd>联系电话：020-38559250 ( 周一至周五  9:00-18:00 )</dd>
                <dd>传      真：020 - 87383785</dd>
                <dd>电子邮箱：liqingliu@nandu.com</dd>
                <dd>公司地址：广州市越秀区广州道中289号南方传媒大厦B座7楼</dd>
            </dl>
            <div class="icon-qrcode">
                <img src="/src/img/index/footer-icon.png" alt="">
            </div>
        </div>
        <div class="bottom">Copyright © 2017 IntellVision. All Rights Reserved. 智媒云图 版权所有</div>
    </footer>

    <div class="yxq-code">
        <div class="cover-bg"></div>
        <div class="cont">
            <div class="yxq-code-close"><i class="icon-close"></i></div>
            <p>微信扫一扫进入一小群</p>
            <div class="qrcode">
                <img src="/src/img/index/yxqcode.png" alt="">
            </div>
        </div>
    </div>

</body>
<script src="../node_modules/jquery/dist/jquery.js"></script>
<script src="../node_modules/swiper/dist/js/swiper.jquery.js"></script>
<script src="../src/js/config.js"></script>
<script src="../src/js/index.js"></script>
</html>